<%@ page language="java" contentType="text/html;charset=UTF-8"
	pageEncoding="UTF-8"%>
<
<style>
#imageManage {
	display: none;
}

#userManage {
	display: block;
}
</style>
<html lang="en">

<head>
<title>pzsmk</title>
<link rel="stylesheet" href="./css/bootstrap.min.css">
</head>

<body>
	<form id="form" action="<%=request.getContextPath() %>/admin/user.do" method="post"></form>
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span12">
				<div class="navbar navbar-inverse">
					<div class="navbar-inner">
						<div class="container-fluid">
							<a class="btn btn-navbar"
								data-target=".navbar-responsive-collapse" data-toggle="collapse"></a>
							<a class="brand" href="#">青州市名卡管理系统试一试</a>
							<div class="nav-collapse collapse navbar-responsive-collapse">
								<ul class="nav">
									<br />
									<li class="dropdown open"></li>
								</ul>
								<ul class="nav pull-right">
									<li><a href="#">用户测试</a></li>
									<li class="divider-vertical"></li>
								</ul>
							</div>

						</div>
					</div>

				</div>
				<div class="row-fluid">
					<div class="span2">
						<ul class="nav nav-list well">
							<li class="nav-header">列表标题</li>
							<li><a href="#" onclick="userManage()">用户管理</a></li>
							<li><a href="#" onclick="imageManage()">图片管理</a></li>
							<li><a href="#">信息管理</a></li>
							<li><a href="#">设置</a></li>
							<li><a href="#">帮助</a></li>
						</ul>
					</div>
					<div class="span10">
						<div id="imageManage" class="row-fluid">
							<div class="span1"></div>
							<div class="span11">
								<blockquote>
									<p>github是一个全球化的开源社区.</p>
									<small>关键词 <cite>开源</cite></small>
								</blockquote>
								<form>
									<fieldset>
										<legend>表单项</legend>
										<label>表签名</label><input type="text" /> <span
											class="help-block">这里填写帮助信息.</span> <label class="checkbox"><input
											type="checkbox" /> 勾选同意</label>
										<button type="submit" class="btn">提交</button>
									</fieldset>
								</form>
								<dl>
									<dt>Rolex</dt>
									<dd>劳力士创始人为汉斯.威尔斯多夫，1908年他在瑞士将劳力士注册为商标。</dd>
									<dt>Vacheron Constantin</dt>
									<dd>始创于1775年的江诗丹顿已有250年历史，</dd>
									<dd>是世界上历史最悠久、延续时间最长的名表之一。</dd>
									<dt>IWC</dt>
									<dd>创立于1868年的万国表有“机械表专家”之称。</dd>
									<dt>Cartier</dt>
									<dd>卡地亚拥有150多年历史，是法国珠宝金银首饰的制造名家。</dd>
								</dl>
							</div>
						</div>
						<div id="userManage" class="row-fluid">
							<div class="span1"></div>
							<div class="span11">

								<div class="row-fluid">
									<div class="span1">
										<button class="btn btn-block btn-info" type="button">添加</button>
									</div>
									<div class="span1">
										<button class="btn btn-block btn-info" type="button">删除</button>
									</div>
									<div class="span1">
										<button class="btn btn-block btn-info" type="button">修改</button>
									</div>
									<div class="span9">
										<form class="form-search">
											<input class="input-medium search-query" type="text" />
											<button type="submit" class="btn">搜索</button>
										</form>
									</div>
								</div>
								<table class="table">
									<thead>
										<tr>
											<th>编号</th>
											<th>产品</th>
											<th>交付时间</th>
											<th>状态</th>
										</tr>
									</thead>
									<tbody>
										<%
											for (int i = 1; i < 5; i++) {
										%>
										<tr>
											<td> <input type="checkbox" /><%=i%> </td>
											<td><%=i%></td>
											<td><%=i%></td>
											<td><%=i%></td>
										</tr>
										<%
											}
										%>

									</tbody>
								</table>
								<div class="pagination">
									<ul>
										<li><a href="#">上一页</a></li>
										<%
											for (int i = 1; i < 5; i++) {
										%>
										<li><a href="#"><%=i%></a></li>
										<%
											}
										%>
										<li><a href="#">下一页</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<textarea id="text" rows="4`" cols="5" onblur="show()"></textarea>
	</div>


</body>
<script type="text/javascript">
	function userManage() {
		document.getElementById("userManage").style.display = "block";
		document.getElementById("imageManage").style.display = "none";
		showUser();
	}
	function imageManage() {
		document.getElementById("imageManage").style.display = "block";
		document.getElementById("userManage").style.display = "none";
	}
	function show() {
		alert(1);
		var text = document.getElementById("text");
		alert(text.value);
		
	}
	
</script>


</html>

